<!DOCTYPE html>
<html lang="zh">
<head> 
  <meta charset="UTF-8">
  <title>Aurora - 后台监控</title>
  <style>
    #components-layout-demo-top-side-2 .logo {
      width: 120px;
      height: 31px;
      background: rgba(255, 255, 255, 0.2);
      margin: 16px 28px 16px 0;
      float: left;
    }
  </style>
  <link href="http://cdn.staticfile.org/ant-design-vue/1.5.3/antd.min.css" rel="stylesheet">
</head> 
<body>
  <script src="http://cdn.staticfile.org/vue/2.6.11/vue.js"></script>
  <script src="http://cdn.staticfile.org/ant-design-vue/1.5.3/antd.min.js"></script>
  <div id="root" style="min-height: 100%; height: 100%">
    <template>
      <a-layout id="components-layout-demo-top-side-2" style="min-height: -webkit-fill-available;">
        <topnav current-url="/aurora/monitor"> </topnav>

        <a-layout>
          <!-- 侧边栏 -->
          <monitor-aside></monitor-aside>

          <a-layout
              style="padding:15px 24px 24px;max-width:1200px;min-width:800px;margin:0 auto;width:100%;min-height:-webkit-fill-available;">

            <!-- 内容 -->
            <a-layout-content 
              :style="{ background: '#fff', padding: '24px', margin: 0, minHeight: '600px' }"
            >
              <monitor-tab :type="tabType" :tab-items="tabItems" :sid="tabSid" :key="tabType + ':' + tabSid"></monitor-tab>
              
            </a-layout-content>
          </a-layout>
        </a-layout>
      </a-layout>
    </template>
  </div>
</body>
</html>